/* 清除元素自带内边距和外边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /* 默认字体12像素，行高为字号大小的1.2倍，字体为微软雅黑如果没有则为宋体 */
    font: 12px/1.2 "微软雅黑";

}

/* 清除li和ol元素前面自带的小圆点和数字 */
li,
ol {
    list-style: none;
}

/* 清除低版本浏览器边框，图片与文字垂直居中 */
img {
    border: 0;
    vertical-align: middle;
}

/* 鼠标经过按钮时，鼠标样式变成一个小手 */
button {
    cursor: pointer;
}

/* 清除链接自带的下划线 */
a {
    text-decoration: none;
}

/* 清除表单和文本域自带的蓝色描边效果和边框 */
input,
textarea {
    outline: none;
}

/* 文本域禁止缩放 */
textarea {
    resize: none;
    border: none;
}

/* 倾斜元素取消倾斜 */
i,
em {
    font-style: normal;
}

/* 合并表格元素相邻的边框 */
table {
    border-collapse: collapse;
}

/* 引入类名clearfix来清除浮动 */
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    content: "";
    clear: both;
}

/* 解决ie6，7，8无法利用上面方法清除浮动的问题 */
.clearfix {
    *zoom: 1;
}